@import url("https://fonts.googleapis.com/css2?family=Bree+Serif&family=Caveat:wght@400;700&family=Lobster&family=Monoton&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,700&family=Work+Sans:ital,wght@0,400;0,700;1,700&display=swap");

@font-face {
        font-family: KrutiDev;
        src: url(fonts/marathi/k010/k010.woff);
        }
.color{
    background-color: white;
}
.hero{
    width: 100%;
    height:10vh;
    background:#f1f9ff;
    display: flex;
    align-items:center;
    flex-direction: column;
    justify-content:center;
}
.social-links{
    display:flex;
}
.social-links a{
    width:50px;
    height:50px;
    text-align:center;
    text-decoration:none;
    color:#000;
    box-shadow: 0 0 30px 20px rgba(0,0,0,0.05);
    margin: 0 20px;
    border-radius: 50%;
    position:relative;
    overflow: hidden;
    transition: transform 0.5s;
}
.social-links a .fa-brands{
    font-size:30px;
    line-height:50px;
    position:relative;
    z-index:10;
    transition: color 0.5s;
}
.social-links a::after {
    content:'';
    width:100%;
    height:100%;
    top:-90px;
    left:0;
    background:linear-gradient(-45deg,#ed1c94,#ffec17);
    position:absolute;
    transition: 0.5s;
}
.social-links a:hover::after {
    top:0;
}
.social-links a:hover .fa-brands {
    color:#f1f9ff;
}
.social-links a:hover{
    transform: translateY(-10px);
}
.container{
	width:100%;	
}
.wrapper{
	width: 1000px;
	margin: center;
	align-items: center;
}
.dark{
	background-color: whitesmoke;
	color: white;
}
.light{
	background-color: rgb(0, 0, 255);
}
.menu{
	background-size: auto;
	background:rgb(0, 100, 0);
	text-align:center;
}
.menu ul {
	display: inline-flex;
	list-style: none;
	color: #fff;
}
.menu ul li {
	width: 140px;
	margin: 9px;
	padding: 9px;
}
.menu ul li a{
	text-decoration:none;
	font-size: 25px;
	color: #fff;
}
.active, .menu ul li:hover{
	background: #f06509;
	border-radius: 3px;
}
.menu .fa {
	margin-right: 8px;
}
.sub-menu-1{
	display: none;
}
.menu ul li:hover .sub-menu-1{
	display: block;
	position: absolute;
	background: rgb(0,100, 0);
	margin-top: 10px;
	margin-left: -10px;
}
.menu ul li:hover .sub-menu-1 ul {
	display: block;
	margin: 10px;
}
.menu ul li:hover .sub-menu-1 ul li {
	width: 150px;
	padding: 10px;
	border-bottom: 1px dotted #fff;

	border-radius: 0;
	text-align: center;
}
.menu ul li:hover .sub-menu-1 ul li:last-child{
	border-bottom: none;
}
.menu ul li:hover .sub-menu-1 ul li a:hover{
	display: block;
	margin: 15px;
	color: #b2ff00;
}
.active, .10notes ul li:hover{
	background: #f06509;
	border-radius: 3px;
}
.bg-ground{
    height:100vh;
    width:cover;
}
.bg-ground-2{
    background-image: url("/navarathri/background-2.jpg");
    background-color: rgb(255, 228, 196);
    
}
.card-background{
    height:380px;
    width:800px;
    margin:20px;
    border-radius: 20px;
    text-align: center;
    color:white;
}
.day0{
    font-weight: bolder;
    color:red;
    font-size: 30px;
    background-color: rgb(250, 235, 215);
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    padding-top: 3px;

}
.day1{
    background-color: rgb(39, 20, 148);
    padding:5px;
    font-size: 20px;
}
.day2{
    background-color: rgb(165, 182, 15);
    padding:5px;
    font-size: 20px;
}
.day3{
    background-color: rgb(236, 68, 76);
    padding:5px;
    font-size: 20px;
}
.day4{
    background-color: rgb(25, 207, 231);
    padding:5px;
    font-size: 20px;
}
.day5{
    background-color: rgb(67, 226, 19);
    padding:5px;
    font-size: 20px;
}
.day6{
    background-color: rgb(146, 19, 19);
    padding:5px;
    font-size: 20px;
}
.day7{
    background-color: rgb(12, 10, 146);
    padding:5px;
    font-size: 20px;
}
.day8{
    background-color: rgb(177, 180, 12);
    padding:5px;
    font-size: 20px;
}
.day9{
    background-color: rgb(17, 32, 165);
    padding:5px;
    font-size: 20px;
}
.day10{
    background-color: rgb(145, 18, 18);
    padding:5px;
    font-size: 20px;
}
.top-moving{
    height: 700px;
    width: 600px;
  
}
.main-containers{
    background-color: greenyellow;
    height: cover;
    width: 900px;
    padding: 30px;
    margin: 50px;
    border-radius: 20px;

}
dt{
    background-color: white;
    width: 700px;
    padding: 5px;
    border-radius: 10px;
    font-size: 40px;
    margin: 5px;

}
.myheader {
  background-color:darkred;
  color: white;
  padding: 10px;
  text-align: center;
  width: cover;
  border-radius: 20px;
  margin: 10px;
  font-size: 60px;
  font-weight: bold;
} 
.backgroundimage{
    background-image: url("/today/back.jpeg");
    padding-top: 10px;
    
}
.con{
    
    padding-top: 300px;
    text-align: center;
}